<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="keywords" content="宠物寄养，狗狗寄养，猫寄养，寄养宠物，宠物家庭寄养，小狗在家宠物寄养" />
    <meta name="description" content="小狗在家宠物寄养为宠物主人提供家庭式的宠物寄养，包括寄养、洗澡、接送等服务。小狗在家招募宠物寄养家庭，可以自由选择接受寄养的时间，支付保障，免费培训，在线客服等服务。" />
    <title>小狗在家官网—宠物寄养｜狗狗寄养｜猫咪寄养｜寄养家庭招募</title>
    <link type="image/x-icon" rel="shortcut icon" href="./img/viptail_title_icon.png" media="screen">
    <link href="../css/blog.min.css" rel="stylesheet">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body class="mobile">
    <header class="blog-mobile-header">
        <img src="../img/logo@2x.png" alt="小狗在家宠物家庭寄养平台">
        <span class="icon-menu-close" onclick="toggleMenu(this)"></span>
        <nav class="blog-mobile-nav" style="display:none">
            <a class="selected" href="#">首页</a>
            <a href="#">客户端</a>
            <a href="#">内容</a>
        </nav>
    </header>
    <ul class="blog-mobile-list">
        <li>
            <article class="blog-mobile-article" onclick="openDetail('articleId')">
                <span class="cover" style="background:url('../img/image1.png') center center;-webkit-background-size: cover;background-size: cover;"></span>
                <h1>对我来说，你就是世界上独一无二的</h1>
                <footer>
                    <span class="name">旺达</span>
                    <span>2016-04-26&nbsp;&nbsp;16:23</span>
                    <div class="pull-right">
                        <img class="icon-eye2" src="../img/icon_eye@2x.png">456
                    </div>
                </footer>
            </article>
        </li>
        <li>
            <article class="blog-mobile-article" onclick="openDetail('articleId')">
                <span class="cover" style="background:url('../img/image1.png') center center;-webkit-background-size: cover;background-size: cover;"></span>
                <h1>对我来说，你就是世界上独一无二的</h1>
                <footer>
                    <span class="name">旺达</span>
                    <span>2016-04-26&nbsp;&nbsp;16:23</span>
                    <div class="pull-right">
                        <img class="icon-eye2" src="../img/icon_eye@2x.png">456
                    </div>
                </footer>
            </article>
        </li>
        <li>
            <article class="blog-mobile-article" onclick="openDetail('articleId')">
                <span class="cover" style="background:url('../img/image1.png') center center;-webkit-background-size: cover;background-size: cover;"></span>
                <h1>对我来说，你就是世界上独一无二的</h1>
                <footer>
                    <span class="name">旺达</span>
                    <span>2016-04-26&nbsp;&nbsp;16:23</span>
                    <div class="pull-right">
                        <img class="icon-eye2" src="../img/icon_eye@2x.png">456
                    </div>
                </footer>
            </article>
        </li>
        <div class="more" onclick="loadMore(this)">加载更多...</div>
        <div class="clear"><p>没有更多内容了...</p></div>
    </ul>
    <div class="download">
        <img src="../img/logo_white@2x.png">
        <a href="http://tg.viptail.com/app.html">下载客户端</a>
    </div>

    <script>
        function openDetail(id){
            location.href = 'blog_detail.html';
        }
        function toggleMenu(menu){
            if(menu.className == 'icon-menu-close'){
                menu.className = 'icon-menu-open';
                menu.nextElementSibling.style.display = 'block';
            }else{
                menu.className = 'icon-menu-close';
                menu.nextElementSibling.style.display = 'none';
            }
        }
        function loadMore(more){
            //加载更多...
        }
    </script>
</body>
</html>